<template>
	<view>
		<Header :isBack="true" @rightcli='rightcli'>
			<block slot="content">{{title}}</block>
		</Header>

		<view class="list">
			<!-- <view class="list-item" @tap="noOpen">
				<view class="list-item-left">
					<image class="pic" src="@/static/images/new.png">
					</image>
				</view>
				<view class="list-item-right">
					<text class="list-item-right-title">我的消息</text>
					<text class="list-item-right-detail">最新消息</text>
				</view>
			</view> -->
			<view class="list-item" @tap="noOpen">
				<view class="list-item-left">
					<image class="pic" src="@/static/images/see.png">
					</image>
				</view>
				<view class="list-item-right">
					<text class="list-item-right-title">谁查看过我</text>
					<text class="list-item-right-detail">企业查看了你的信息，看看他们是谁</text>
				</view>
			</view>
			<view class="list-item" @tap="noOpen">
				<view class="list-item-left">
					<image class="pic" src="@/static/images/find.png">
					</image>
				</view>
				<view class="list-item-right">
					<text class="list-item-right-title">订阅找工程</text>
					<text class="list-item-right-detail">最新工程信息已更新，速来查看！！！</text>
				</view>
			</view>
			<view class="list-item" @tap="noOpen">
				<view class="list-item-left">
					<image class="pic" src="@/static/images/yiwai.png">
					</image>
				</view>
				<view class="list-item-right">
					<text class="list-item-right-title">工人意外险</text>
					<text class="list-item-right-detail">低至1.6/天 最高保额100万</text>
				</view>
			</view>
			<view class="list-item" @tap="noOpen">
				<view class="list-item-left">
					<image class="pic" src="@/static/images/kefu.png">
					</image>
				</view>
				<view class="list-item-right">
					<text class="list-item-right-title">廉德劳务客服</text>
					<text class="list-item-right-detail">客服12小时在线，欢迎咨询！</text>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	import Header from '@/components/header/header.vue';
	export default {
		data() {
			return {
				title: '消息',
			}
		},

		components: {
			Header
		},
		onLoad: function() { //option为object类型，会序列化上个页面传递的参数

		},
		methods: {
			async noOpen() {
				this.$api.msg('正在开发中')
			}
		}
	}
</script>
<style>
	page {
		background-color: #f7f7f7;
		font-size: $font-base;
	}
</style>
<style lang='scss' scoped>
	.list {
		// #ifdef APP-PLUS
		padding-top: 160rpx;
		// #endif

		// #ifdef H5
		padding-top: 100rpx;
		// #endif
		background-color: #fff;

		.list-item {
			display: flex;
			align-items: center;
			height: 150rpx;
			border-bottom: 1px solid #f3f3f6;
			padding: 27rpx 0 27rpx 31rpx;

			.list-item-left {

				margin-right: 21rpx;
				position: relative;
				height: 96rpx;

				.pic {
					width: 96rpx;
					height: 96rpx;
					border-radius: 10rpx;

				}
			}

			.list-item-right {
				display: flex;
				flex-direction: column;


				.list-item-right-title {
					height: 40rpx;
					line-height: 40rpx;
					font-size: 30rpx;
					/* font-weight: bold; */
				}

				.list-item-right-detail {

					color: #666666;
					font-size: 26rpx;
				}

			}

		}
	}
</style>
